<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="referrer" content="no-referrer" />
   <title>CSDN - 专业开发者社区</title>
   <link type="image/x-icon" href="./favicon32.ico" rel="SHORTCUT ICON">
   <link rel="stylesheet" href="./css/currency.css">
   <link rel="stylesheet" href="./css/home_page.min.css">
   <link rel="stylesheet" href="./css/index.min.css">
   <link rel="stylesheet" href="./css/iconfont.min.css">
   <script src="./js/jquery-3.6.0.js"></script>
   <script src="./js/loginv.js"></script>
   <script src="./js/index.js"></script>
   <script src="./js/home.js"></script>
</head>

<body>
   <!-- 头部 -->
   <header>
      <div class="left">
         <a class="index" href="/">
            <img src="../image/头部图片.png" alt="">
         </a>
         <ul class="mune">
            <li>博客</li>
            <li>课程</li>
            <li>开发者商城</li>
            <li>问答</li>
            <li>社区</li>
            <li>插件</li>
            <li>认证</li>
            <li>开源</li>
         </ul>
      </div>
      <div class="center">
         <div class="box">
            <input type="text" placeholder="开发大神毛星云去世" class="ipaw">
            <button class="Search_button">
               <i></i>
               <span>搜索</span>
            </button>
         </div>
         <div class="">

         </div>
      </div>
      <div class="right">
         <ul class="mune">
            <li class="profile">
               <a class="login" href="/view/login">登录/注册</a>
               <a class="profile_img" href="/view/Modify_Avatar"><img class="profile_image" src="" alt=""></a>
            </li>
            <li>会员中心 </li>
            <li>收藏</li>
            <li>动态</li>
         </ul>
         <div class="cz">
            <a href="/view/Creative_space.html">
               <div class="jlimg">

               </div>
               <span>
                  创作
               </span>
               <i class="jlimg">

               </i>
            </a>
         </div>
      </div>
   </header>
   <!-- 中部-->
   <main>
      <div class="floor-nav-top ww">
         <div class="floor-rank-right-top">
            <div class="host-move">
               <ul>
                  <li>
                     <a>Python</a>
                  </li>
                  <li>
                     <a>Java</a>
                  </li>
                  <li>
                     <a>C/C++</a>
                  </li>
                  <li>
                     <a>前端</a>
                  </li>
                  <li>
                     <a>数据库</a>
                  </li>
                  <li>
                     <a>计算机基础</a>
                  </li>
                  <li>
                     <a>移动</a>
                  </li>
                  <li>
                     <a>AI</a>
                  </li>
                  <li>
                     <a>区块链</a>
                  </li>
                  <li>
                     <a>物联网</a>
                  </li>
                  <li>
                     <a>运维</a>
                  </li>
                  <li>
                     <a>微软技术</a>
                  </li>
                  <li>
                     <a>架构</a>
                  </li>
                  <li>
                     <a>游戏</a>
                  </li>
                  <li>
                     <a>云计算</a>
                  </li>
                  <li>
                     <a>程序人生</a>
                  </li>
               </ul>
            </div>
         </div>
      </div>
      <!-- 中下部分 -->
      <div class="www-home-content ww">
         <div class="headlines">
            <div class="headlines-left">
               <div class="top-title">
                  <img
                     src=""
                     alt="">
                  <h3>头条</h3>
               </div>
               <dl>
                  <dt>
                     <a>
                        <img src="./image/漏洞.png" alt="">
                     </a>
                  </dt>
                  <dd class="desc">Log4j 漏洞还没忙完，新的漏洞又出现了</dd>
                  <dd class="desc-text-a">通过“本地 Git”部署的PHP、Node、Ruby和Python应用或有影响。</dd>
                  <!---->
               </dl>
            </div>
            <div class="headlines-right">
               <div class="headswiper">
                  <div class="headswiper-top">
                     <div class="top-title">
                        <h3></h3>
                     </div>
                     <p>
                        <img src="./image/w1.png" alt="">
                        <img src="./image/w2.png" alt="">
                     </p>
                  </div>
                  <div class="headswiper-content">
                     <div>
                        <div class="headswiper-item">
                           <a class="title">
                              Twitter创始人<strong>炮轰Web 3</strong>
                           </a>
                           <a>
                              <p class="name">马斯克也来“掺和一脚”</p>
                           </a>
                        </div>
                        <div class="headswiper-item">
                           <a class="title">
                              攻击者开始对<strong>Log4j漏洞</strong>加以利用
                           </a>
                           <a>
                              <p class="name">研究人员发现70个Web缓存中毒漏洞</p>
                           </a>
                        </div>
                        <div class="headswiper-item">
                           <a class="title">
                              HPE脚本更新致<strong>77TB数据被删</strong>
                           </a>
                           <a>
                              <p class="name">京都大学77TB数据被删，谁担责</p>
                           </a>
                        </div>
                        <div class="headswiper-item">
                           <a class="title">
                              <strong>JS最受欢迎框架</strong>名单出炉！
                           </a>
                           <a>
                              <p class="name">zx、Vite和Next.js成最受欢迎项目</p>
                           </a>
                        </div>
                        <div class="headswiper-item">
                           <a class="title">
                              <strong>GNU Parallel </strong>20周年
                           </a>
                           <a>
                              <p class="name">CleanCache将从Linux内核中清除|开源</p>
                           </a>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="headswiper">
                  <div class="headswiper-top">
                     <div class="top-title">
                        <img
                           src=""
                           alt="">
                        <h3>热点</h3>
                     </div>
                     <p>
                        <img src="./image/w1.png" alt="">
                        <img src="./image/w2.png" alt="">
                     </p>
                  </div>
                  <div class="headswiper-content">
                     <div>
                        <div class="headswiper-item">
                           <a class="title">
                              一个<strong>AI开发者的奇幻漂流</strong>
                           </a>
                           <a>
                              <p class="name">阿里巴巴集团副总裁贾扬清</p>
                           </a>
                        </div>
                        <div class="headswiper-item">
                           <a class="title">
                              <strong>历史上的今天</strong>：Mosaic停止开发
                           </a>
                           <a>
                              <p class="name">Sketchpad 问世</p>
                           </a>
                        </div>
                        <div class="headswiper-item">
                           <a class="title">
                              <strong>苹果M1首席芯片设计师跳槽英特尔</strong>
                           </a>
                           <a>
                              <p class="name">钉钉近期将推出新AR眼镜|极客头条</p>
                           </a>
                        </div>
                        <div class="headswiper-item">
                           <a class="title">
                              <strong> PostgreSQL</strong>中国技术大会
                           </a>
                           <a>
                              <p class="name">正在直播</p>
                           </a>
                        </div>
                        <div class="headswiper-item">
                           <a class="title">
                              <strong>每日一书</strong>：教你构建智能风控平台
                           </a>
                           <a>
                              <p class="name">《智能风控平台：架构、设计与实现》</p>
                           </a>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="gg">
               <img src="./image/gg.png" alt="">
            </div>
         </div>
      </div>
      <div class="www-home ww">
         <!-- 左边 -->
         <div class="www-home-left">
            <div class="www-content">
               <ul class="www-content_top">
                  <li style="outline:none">
                     <span>
                        <span class="el-popover__reference-wrapper">
                           <p style="outline:none;">关注</p>
                        </span>
                     </span>
                  </li>
                  <li style="outline:none" class="active">
                     <span>
                        <span class="el-popover__reference-wrapper">
                           <p style="outline:none;">推荐</p>
                        </span>
                     </span>
                  </li>
                  <li style="outline:none">
                     <span>
                        <span class="el-popover__reference-wrapper">
                           <p style="outline:none;">资讯</p>
                        </span>
                     </span>
                  </li>
                  <li style="outline:none">
                     <span>
                        <span class="el-popover__reference-wrapper">
                           <p style="outline:none;">热榜</p>
                        </span>
                     </span>
                  </li>
                  <li style="outline:none">
                     <span>
                        <span class="el-popover__reference-wrapper">
                           <p style="outline:none;">专家推荐</p>
                        </span>
                     </span>
                  </li>
                  <li class="move">
                     <a href="javascropt:;">
                        <span>
                           更多
                        </span>
                        <i class="el-icon-arrow-right iconfont"></i>
                     </a>
                  </li>
               </ul>
               <div class="Community">
               </div>
            </div>
         </div>
         <!-- 右边 -->
         <div class="www-home-right">
            <div class="www-home-silde " style="left: 979px;">
               <div class="ContentBlock">
                  <div class="ContentBlockItem">
                     <div class="top">
                        <img src="./image/技能树.png" alt="" class="left">
                        <span class="title">
                           CSDN 技能树
                        </span>
                        <i class="el-icon-arrow-right right iconfont"></i>
                     </div>
                  </div>
                  <div class="ContentBlockItem">
                     <div class="top">
                        <img src="./image/CSDN指数.png" alt="" class="left">
                        <span class="title">
                           CSDN 指数
                        </span>
                        <i class="el-icon-arrow-right right iconfont"></i>
                     </div>
                  </div>
                  <div class="ContentBlockItem">
                     <div class="top">
                        <img src="./image/每日一练.png" alt="" class="left">
                        <span class="title">
                           每日一练
                        </span>
                        <i class="el-icon-arrow-right right iconfont"></i>
                     </div>
                  </div>
               </div>
               <div class="broadcast">
                  <div class="title">
                     <div class="top-title">
                        <img src="./image/直播.png" alt="">
                        <h3>直播</h3>
                     </div>
                     <a href="javascropt:;">
                        <span>更多</span>
                        <i class="el-icon-arrow-right iconfont"></i>
                     </a>
                  </div>
                  <div class="content">
                     <div class="www_live_item active">
                        <a href="javascropt:;">
                           <div class="www_live_item_top">
                              <div class="img" style=" background-image: url(./image/中国信息.jpg);">
                              </div>
                              <img src="./image/正在直播.gif" alt="" class="live-type">
                              <span class="live-text">正在直播</span>
                              <div class="back"></div>
                              <div class="hover_mask">
                                 <img src="./image/直播背景.png" alt="">
                              </div>
                           </div>
                           <div class="content-text">
                              <h3>
                                 数字与数字化转型分论坛
                              </h3>
                              <span class="text">15546 热度</span>
                           </div>
                        </a>
                     </div>
                     <div class="www_live_item active">
                        <a href="javascropt:;">
                           <div class="www_live_item_top">
                              <div class="img" style=" background-image: url(./image/1641287640820.jpg);">
                              </div>
                              <img src="./image/正在直播.gif" alt="" class="live-type">
                              <span class="live-text">正在直播</span>
                              <div class="back"></div>
                              <div class="hover_mask">
                                 <img src="./image/直播背景.png" alt="">
                              </div>
                           </div>
                           <div class="content-text">
                              <h3>
                                 华为云云筑2021开发者年终盛典
                              </h3>
                              <span class="text">14529 热度</span>
                           </div>
                        </a>
                     </div>
                  </div>
               </div>
               <div class="calendar">
                  <div class="compont-title">
                     <div class="top-title">
                        <h3>活动日历</h3>
                     </div>
                     <a href="javascropt:;">
                        <span> 更多</span>
                        <i class="el-icon-arrow-right"></i>
                     </a>
                  </div>
                  <div class="calendar-content">
                     <div>
                        <div class="calendar-content-item">
                           <div class="calendar-titme">
                              <p>6</p>
                              <p class="color">1月</p>
                           </div>
                           <a href="javascropt:;" class="calendar-title">
                              <i class="icon_online">线上</i>
                              <span>DC2021 分布式数据库开发者大会</span>
                           </a>
                        </div>
                     </div>
                     <div>
                        <div class="calendar-content-item">
                           <div class="calendar-titme">
                              <p>26</p>
                              <p class="color">3月</p>
                           </div>
                           <a href="javascropt:;" class="calendar-title">
                              <i class="icon_online">线上</i>
                              <span>问答有奖 | 万元奖金周边、百万流量等你瓜分！</span>
                           </a>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="member">
                  <div class="compont-title">
                     <div class="top-title">
                        <h3>会员精选</h3>
                     </div>
                     <a href="javascropt:;">
                        <span> 更多</span>
                        <i class="el-icon-arrow-right"></i>
                     </a>
                  </div>
                  <div class="member-content">
                     <div class="member-item">
                        <a href="javascript:;">
                           <div class="image">
                              <img src="./image/java编程.jpg" alt="">
                              <p class="tag">vip</p>
                           </div>
                           <p class="text">Java8编程实战 </p>
                        </a>
                     </div>
                     <div class="member-item">
                        <a href="javascript:;">
                           <div class="image">
                              <img src="./image/java编程.jpg" alt="">
                              <p class="tag">vip</p>
                           </div>
                           <p class="text">面试之排序算法 </p>
                        </a>
                     </div>
                  </div>
               </div>
               <div class="special">
                  <div class="compont-title">
                     <div class="top-title">
                        <h3>推荐专题</h3>
                     </div>
                     <a href="javascropt:;">
                        <span> 更多</span>
                        <i class="el-icon-arrow-right"></i>
                     </a>
                  </div>
                  <div class="special-content">
                     <div class="special-item">
                        <a href="javascript:;">
                           <div class="image">
                              <img src="./image/阿里云.jpg">
                           </div>
                           <p class="text">阿里云云原生 AI 套件全面启动产品公测 </p>
                        </a>
                     </div>
                     <div class="special-item">
                        <a href="javascript:;">
                           <div class="image">
                              <img src="https://img-home.csdnimg.cn/images/20200826030433.jpg">
                           </div>
                           <p class="text">华为开发者专区 </p>
                        </a>
                     </div>
                  </div>
               </div>
               <div class="community">
                  <div class="compont-title">
                     <div class="top-title">
                        <h3>社区推荐</h3>
                     </div>
                  </div>
                  <div class="community-content">
                     <div class="community-item">
                        <a href="javascript:;">
                           <img src="./image/cd.png">
                        </a>
                        <dl>
                           <dd>
                              <a href="">GO+ 开发者社区</a>
                           </dd>
                           <dt>
                              <span>原创 98</span>
                              <span>粉丝503</span>
                           </dt>
                        </dl>
                     </div>
                  </div>
                  <div class="community-content">
                     <div class="community-item">
                        <a href="javascript:;">
                           <img src="https://img-home.csdnimg.cn/images/20220107111836.jpg">
                        </a>
                        <dl>
                           <dd>
                              <a href="">2021「博客之星」大赛专区社区</a>
                           </dd>
                           <dt>
                              <span>原创 98</span>
                              <span>粉丝503</span>
                           </dt>
                        </dl>
                     </div>
                  </div>
               </div>
               <div class="links">
                  <div class="compont-title">
                     <div class="top-title">
                        <h3>友情链接</h3>
                     </div>
                  </div>
                  <div class="content">
                     <a href="javascript:;">视觉中国</a>
                     <a href="javascript:;">BOSS直聘</a>
                     <a href="javascript:;">看准网</a>
                     <a href="javascript:;">Veer</a>
                     <a href="javascript:;">优设网</a>
                     <a href="javascript:;">线下实训基地</a>
                     <a href="javascript:;">脉脉</a>
                  </div>
               </div>
               <div>
                  <div class="so-questionnaire">
                     <div class="sq-main">
                        <div class="sq-hd">您愿意向朋友推荐“CSDN首页”吗？</div>
                        <div class="sq-bd">
                           <ul>
                              <li>
                                 <i class="icon w"></i>
                                 <span class="text">很不推荐</span>
                              </li>
                              <li>
                                 <i class="icon a"></i>
                                 <span class="text">不推荐</span>
                              </li>

                              <li>
                                 <i class="icon b"></i>
                                 <span class="text">一般</span>
                              </li>

                              <li>
                                 <i class="icon c"></i>
                                 <span class="text">推荐</span>
                              </li>
                              <li>
                                 <i class="icon d"></i>
                                 <span class="text">强烈推荐</span>
                              </li>

                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="blog-rank-footer">
                  <div id="csdn-copyright-footer" class="side">
                     <div class="copyright-footer-contact">
                        <div class="work-time">联系我们（工作时间：8:30-22:00）</div>
                        <div class="work-time"><span>400-660-0108</span>
                           <a class="link" href="">kefu@csdn.net</a>
                           <a class="link" href="">在线客服</a>
                        </div>
                     </div>
                     <ul class="copyright-footer-middle">
                        <li><a href="">关于我们</a></li>
                        <li><a href="">招贤纳士</a></li>
                        <li><a href="">广告服务</a></li>
                        <li><a href="">开发助手</a></li>
                     </ul>
                     <ul class="copyright-footer-info">
                        <li>
                           <a href="">京ICP备19004658号</a>
                        </li>
                        <li>
                           <a href="">经营性网站备案信息</a>
                        </li>
                        <li>
                           <img src="" alt="">
                           <a href="">公安备案号11010502030143</a>
                        </li>
                        <li>
                           <a href="">京网文〔2020〕1039-165号</a>
                        </li>
                        <li>
                           <a href="">营业执照</a>
                        </li>
                        <li class="compact">©1999-2022北京创新乐知网络技术有限公司</li>
                        <li>
                           <a href="">北京互联网违法和不良信息举报中心</a>
                        </li>
                        <li>
                           <a href="">家长监护</a>
                        </li>
                        <li>
                           <a href="">中国互联网举报中心</a>
                        </li>
                        <li>
                           <a href="">网络110报警服务</a>
                        </li>
                        <li>
                           <a href="">Chrome商店下载</a>
                        </li>
                        <li>
                           <a href="">版权与免责声明</a>
                        </li>
                        <li>
                           <a href="">版权申诉</a>
                        </li>
                        <li>
                           <a href="">出版物许可证</a>
                        </li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </main>
</body>

</html>